* {
    margin:0;
    padding:0;    
}

body {
    margin: 0; 
    padding: 0;
    font: 400 13px arial;
    font-family: arial;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
    color: #333;  
    text-align: center;   
    background: url("../images/hinh-nen.jpg") ;

}

header{
    width: 980px;
    margin: 10px auto;
    height: auto;
    border-top:solid #FFF 3px;
    border-radius: 7px;
    position: relative;
    background-image: -moz-linear-gradient(center bottom , #FFF 60%, #e8e8e8 100%);
    background-image: linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -webkit-gradient(linear,bottom,color-stop(0.6, rgb(255,255,255)),color-stop(1, rgb(232,232,232)));
}

.row{
    position: relative;
    display:table-row;

}

.col{
    position: relative;
    display: table-cell;
     height: auto;

     width: 980px;
}

 #h_col_top{
   padding: 15px 0 0 0;
   float: right;
   border-radius: 5px;
    
}


#f_col_left{
 float: left;
  
  width: 480px;

}

#f_col_right{
 float: right;
  width: 480px;
    
}



#cart_col{
  padding: 15px 0 0 0;
   float: left;  

}


#h_col_center{
  padding: 0;
   float: left;
   
}

.d_search_button{
    border: none;
    height: 30px;
    width: 30.5px;
    background: url("../images/search.png");
}





.article{
    width: 980px;
    margin: 0 auto;
    height: auto;
    background: #fff;
    border-radius: 7px;
    position:relative;
}

/*.col_{
    position: relative;
    display: table-cell;
     height: auto;

}*/

#a_col_right{
   padding:0;
   float: right;
   width: 650px;
    
}

#a_col_left{
  padding: 0;
   float: left;
   /*background: red;*/
   width: 330px;

   
}

#lh_col_left{
    padding:0;
   float: left;
   width: 490px;
}
#lh_col_right{
    padding:0;
   float: right;
   width: 490px;
}


#article_col_right{
   padding:5px 0 5px 5px;
   float: right;
   width: 220px;
   text-align: left;
    
}
#article_col_right a{
    color: #1F1F1F;
    font:600 13px arial;
    font-family: arial;
font-style: normal;
font-variant: normal;
font-weight: 600;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
}
#article_col_right a:hover{
    color: #553377;
}
#article_col_left{
  padding: 5px 0 5px 5px;
   float: left;
   /*background: red;*/

   width: 100px;
   
   
}
#article_col_left img{
    width: 100px;
    height: 72px;
}


#c_content{

   float: left;
   margin-bottom: 10px;
   width: 980px;
}






/* <-- định dạng chung cho các thành phần: bài viết, nhóm tin, chủ đề...vv */
.d_component {
    margin: 0 auto;
    padding: 0;
    /*border: 1px solid red;*/
}

.d_title_component1{
    background: url("../images/icon_menu.png") no-repeat left;
    color: #fd0bd3;
    margin-left: 5px;
    padding: 30px 0 20px 55px;
    text-align: left;
    font:700 17px arial;
    font-family: arial;
font-style: normal;
font-variant: normal;
font-weight: 700;
font-size: 17px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;

}

/* liên kết trong tiêu đề thành phần */
.d_component .d_title_component1 a:link, 
.d_component .d_title_component1 a:visited {
   
    color: #fd0bd3;
   

}
.d_component .d_title_component1 a:hover {
    color: #006CC5;
}
.d_title_orther_item_list{
    color: #666;
    margin: 20px 20px;
    text-align: left;
    font:700 20px arial;
    font-family: arial;
font-style: normal;
font-variant: normal;
font-weight: 700;
font-size: 17px;
}

/* nội dung thành phần */
.d_component .d_content_component
{
    margin: 0;
    text-align: left;
}

/*<----  dinh nghia hien thi cac item trong category  */
.d_item {    
    width: 232px;
    height: 250px;
    float: left;
    margin-left: 10px;
    text-align: center;  
    position: relative;
    margin-bottom: 45px;
}

.d_item .d_thumbnails {
    padding: 1px
}

.d_item .d_thumbnails img {
    width: 180px;
    height: 180px;  
    border: none;
}

.d_item .d_link {
    margin: 0 5px;
    color:#333; 
    clear: both;
}

.d_item .d_link:link,
.d_item .d_link:visited { 
    color: #333; 
    font:600 15px arial;
    font-family: arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 15px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
    text-decoration: none; 
}

.d_item .d_link:hover { color: #000;}
.d_item .d_link:active { color: #f50000; }

.row_{
    position: relative;
    display:table-row;

}
#price_col{
 padding:10px 0;
   float: left;
   width: 150px;
}

#ct_col{
 padding:13px 0 8px 0;
   float: right;
   width: 80px;
}

.d_item .d_price {
    margin: 0 5px;
    font-size: 17px;
    font-family: RobotoCondensed-Bold;
    font-weight: bold;
    color: #666;
    text-align: left;
    color:#666666;
}

a.d_button:link,
a.d_button:visited { 

    background:#DD0017;
    text-decoration: none;
    padding: 6px 5px;
    color: #fff;
    font-weight: bold; 
    /*margin-right: 5px;*/
}

a.d_button:hover,
a.d_button:active {
    background:#333;
    cursor: pointer
}




/*-- dinh dang hien thi cac nut phan trang --*/
.page_num {
    margin: 10px;
}
.page_num ul li.page_active a:link,
.page_num ul li.page_active a:visited {border-radius: 3px;border: 1px solid #D6D6D6;background:  none repeat scroll 0% 0% #C8C8C8;font-weight: 700; padding: 4px 7px;  color: #000;font: 700 12px arial; text-decoration: none;}

.page_num ul li.page_img a:link,
.page_num ul li.page_img a:visited {border-radius: 3px;background: #fff;padding: 4px 7px; color: #000;border: 1px solid #D6D6D6;font: 400 12px arial; text-decoration: none; font-weight:400; }
.page_num ul li.page_img a:hover { border-radius: 3px;border: 1px solid #D6D6D6;background: none repeat scroll 0% 0% #C8C8C8;font-weight: 700; color: #000;font: 700 12px arial;}
.page_num ul li.page_img a:active {border-radius: 3px;border: 1px solid #D6D6D6;background: none repeat scroll 0% 0% #C8C8C8;font-weight: 700; color: #000;font: 700 12px arial; }

.page_num ul li.page_text a:link,
.page_num ul li.page_text a:visited {text-decoration: none;padding: 5px 0}
.page_num ul li.page_text a:hover { color: #f50000;}
.page_num ul li.page_text a:active { color: #f50000; }

.page_num ul li.page_text a img{
    margin: 0 0 -8px 0;
}

.page_num ul li{
    display:inline;
    padding-right: 5px;
}

#c_page_num{
    padding:0;
   float: left;
   width: 980px;
}

.d_item_image {     
    margin:10px 20px;
    float: left;
}

.d_item_name {
    text-align: left;
    /*margin: 10px 0;*/
    /*font: 400 28px/32px arial;
    font-weight: 400;
*/    font-weight: bold;
color: #50565C;
font-size: 1.8em;
text-transform: capitalize;
    /*line-height: 30px;*/
}


.d_item_price {
   font: 500 14px/32px arial;
    font-weight: 500;
}

.d_item_code {
   /*font: 500 14px/32px arial;
    font-weight: 500;*/
    font-weight: bold;
color: #50565C;
font-weight: 12px;
}

.d_item_property {
   font: 500 14px/32px arial;
    font-weight: 500;   
}
.product_information {
    float: left;
    width: 730px;
    margin-bottom: 20px;
}

.d_item_quantity {
   font: 500 14px/32px arial;
    font-weight: 500;
}

.d_item_quantity input{
    margin: 5px 0;
    height: 20px;
    text-align: center;
}


.d_description1 {
   font: 700 14px/18px arial;
    /*padding:0px 20px 5px  20px;*/
    color: #444;
    font-weight: 700;
    text-align: justify;
}
.d_description_ {
    /*padding:5px 20px 5px  20px;*/
    text-align: justify;
}



.d_footer{
    width: 980px;
    margin: 10px auto;
    margin-bottom: 50px;
    height: auto;
     background-image: -moz-linear-gradient(center bottom , #FFF 60%, #e8e8e8 100%);
    background-image: linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 60%, rgb(232,232,232) 100%);
    background-image: -webkit-gradient(linear,bottom,color-stop(0.6, rgb(255,255,255)),color-stop(1, rgb(232,232,232)));
    border-radius: 7px;
    position:relative;
}



.d_border_radius5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

h1 {
    font: 400 28px/32px arial;
    font-weight: 400;
    text-align: left;
    margin-left: 10px;
    color: #333;
}

.block_timer {
    font: 400 11px arial;text-align: left;
     font-weight: 400;
    padding: 5px 0px 0px;
}
.txt_666 {
    color: #666;
}

.d_article_content{
font: 400 14px arial;
color: #333;
}








/* ----------------
   định dạng cho những bài viết thuộc nhóm tin và chủ đề
   ----------------*/
.d_article {
    margin: 0;
    text-align: left;
    padding: 10px;
}



/* ảnh bài viết */
.d_article img {
    float:left;        
    margin: 0 10px 0 0;      
    width: 200px;
    height: 130px;     
}

.d_article .d_title
{   
    /*font-weight:bold;*/ 
    font: 700 14px arial;

font-weight: 700;    
    font-size: larger;
    /*padding: 3px 0;*/
}

/* tiêu đề */
.d_article .d_title a:link,
.d_article .d_title a:visited 
{    
    /*font-weight:bold;*/ 
    color: #333;
    /*    padding: 0px 0px;*/
    text-decoration: none;
}

/* tiêu đề khi ghê chuột */
.d_article .d_title a:hover
{    
    color: #004F8B;
}

/* ngày tạo bài viết */
.d_date 
{        
    font-size:12px; 
    color: #a2a2a2;
    font-style: italic;
}
/* mô tả bài viết */
.d_description {
     font: 400 14px arial;

font-weight: 400;    
    padding: 0;
    text-align: justify;
}

a.lienhe:link, a.lienhe:visited{
color:#FA2A00 ; font: bold 13px Arial;text-align: left;text-decoration: none
}

a.lienhe.selected { 
background: black !important; 
color: white;
}
a.lienhe:hover{
color:#57A9C0;text-decoration: none
}




.tsc_form_contact_light {
    margin: 10px 0px;
    width: 950px;
    text-align: left;
}
.tsc_form_contact_light label {
    margin-bottom: 10px;
    display: block;
    width: 300px;
    color: #444;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.tsc_form_contact_light label span {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.tsc_form_contact_light .form-input {
    display: block;
    width: 100%;
    height: 20px;
    padding: 6px 10px;
    margin-bottom: 20px;
    font: 14px Calibri,Helvetica,Arial,sans-serif;
    color: #333;
    background: none repeat scroll 0% 0% padding-box #FFF;
    border: 1px solid #CCC;
    outline: medium none;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.5);
    transition: all 0.4s ease-in-out 0s;
}

.form-input {
    /*display: block;*/
    height: 20px;
    padding: 6px 10px;
    margin-bottom: 20px;
    font: 14px Calibri,Helvetica,Arial,sans-serif;
    color: #333;
    background: none repeat scroll 0% 0% padding-box #FFF;
    border: 1px solid #CCC;
    outline: medium none;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.5);
    transition: all 0.4s ease-in-out 0s;
}


.tsc_form_contact_light .form-btn {
    padding: 0px 15px;
    height: 30px;
    font: bold 12px Calibri,Helvetica,Arial,sans-serif;
    text-align: center;
    color: #FFF;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    border: 1px solid #1972C4;
    outline: medium none;
    position: relative;
    background-color: #1D83E2;
    background-image: -moz-linear-gradient(center top , #77B5EE, #1972C4);
    border-radius: 16px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.tsc_form_contact_light textarea.form-input {
    width:100%;
    height: 100px;
    overflow: auto;
}



ul.ddsmoothmenu-v{
margin: 0;
padding: 0px  0px 7px 0;
width: 100%; /* Main Menu Item widths */
list-style-type: none;
font: normal 13px arial;
}
 
ul.ddsmoothmenu-v li{
position: relative;
float: none;
}

/* Top level menu links style */
ul.ddsmoothmenu-v li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 0px 30px;
}

ul.ddsmoothmenu-v li a:link, ul.ddsmoothmenu-v li a:visited, ul.ddsmoothmenu-v li a:active{
color: #333;
text-align: left;
}


ul.ddsmoothmenu-v li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: lightblue !important; 
color: #333;
}

ul.ddsmoothmenu-v li a:hover{
color: #666;
}

.top_text_{
   margin: 0;
padding: 20px 20px 0 20px;
text-align: left;
width: 100%; /* Main Menu Item widths */
list-style-type: none;
font: bold 16px arial;
}